<template>
  <div class="block">
    <el-timeline>
      <el-timeline-item timestamp="2021/2/10" placement="top">
        <el-card>
          <h4>更新</h4>
          <p>1.移除了vuetify</p>
          <p>2.修改了页面样式</p>
          <p>3.整理代码</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item timestamp="2020/10/18" placement="top">
        <el-card>
          <h4>更新</h4>
          <p>1.私信未读提醒</p>
          <p>2.私信已读和删除</p>
          <p>3.优化点赞和收藏</p>
          <p>4.调整私信样式</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item timestamp="2020/10/17" placement="top">
        <el-card>
          <h4>更新</h4>
          <p>1.移动端页面个人信息</p>
          <p>2.移动端搜索关键词高亮</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item timestamp="2020/10/2" placement="top">
        <el-card>
          <h4>更新</h4>
          <p>1.修复打开页面强制的问题</p>
          <p>2.调整视频的最大长度</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item timestamp="2020/9/27" placement="top">
        <el-card>
          <h4>更新</h4>
          <p>1.新增系统通知提示和新增通知已读功能</p>
          <p>2.增加对登录过期的判断</p>
          <p>3.修改私信为相对时间</p>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<style>
.block{
    width: 70%;
    margin: 20px auto;
}
</style>